<template>
  <div class="child">
    <div>
      爸爸的钱: <b>{{ xxx }}</b>
    </div>
    <button>吞金兽花钱</button>
    <h1>数据:{{ list }}</h1>
    <h2>{{ xxxXx }}</h2>
  </div>
</template>

<script>
export default {
  // <!-- 2. 子组件内， 通过props属性接收数据 -->
  // 接收注意： 💥接收的属性名要和传的同名
  // 接收注意： 💥连字符转小驼峰
  props: ["xxx", "list", "xxxXx"],
};
</script>

<style scoped>
.child {
  margin: 20px 0;
  background-color: skyblue;
  padding: 20px;
}
</style>
